<?php
session_start();
$root_dir = dirname(dirname(dirname(dirname(dirname(__FILE__)))));
if (file_exists($root_dir.'/wp-load.php')) {
		require_once($root_dir.'/wp-load.php');	
	}

include_once(dirname(dirname(__FILE__)).'/objects/class_settings.php');
$plugin_cart_url = plugins_url('',  dirname(__FILE__));	
$plugin_redirect_url = site_url();

$mp_settings = new moveto_settings();
$mp_settings->readAll();
if(!session_id()) { @session_start(); }
?>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Thank You</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap"
        rel="stylesheet">
    <style>
    * {
        margin: 0px;
        padding: 0px;
        font-family: 'Roboto', sans-serif;
    }


    body {
        background-color: #fff;
    }

    #content {
        display: grid;
        place-content: center;
        height: 100%;
    }

    .main-content-wrap {
        width: 80%;
        margin: auto;
        background-color: #cccccc12;
        border-radius: 8px;
        height: 80vh;
        padding: 0px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 11px -2px;
        display: grid;
        place-content: center;
    }

    .check-img img {
        display: block;
        margin: auto;
        background-color: #cccccc36;
        border-radius: 50%;
        padding: 30px;
        width: 110px;
    }

    .text-content-wrap h1 {
        text-align: center;
        color: #484343;
        margin-top: 50px;
        font-size: 28px;
        font-family: 'Roboto', sans-serif;
    }

    .text-content-wrap p {
        text-align: center;
        margin-top: 20px;
        font-size: 22px;
        font-family: 'Roboto', sans-serif;
    }

    /* for mobile devices  */
    @media only screen and (min-width: 320px) and (max-width: 480px) {
       .main-content-wrap{
          width: 90%;
        }
        .text-content-wrap p{
            font-size: 19px;
        }
        .text-content-wrap h1{
            font-size: 25px;
        }
    }
    </style>
</head>

<body>
    <div id="content">
        <div class="main-content-wrap">
            <div class="check-img">
                <img src="../assets/images/check-green.svg">
            </div>
            <div class="text-content-wrap">
                <h1><?php echo __("Thank You!","mp");?></h1>
                <p><?php echo $mp_settings->moveto_thankyou_page_message;?></p>
                <p class="thankyou-text"></p>
            </div>

        </div>
    </div>
</body>
<script type="text/javascript">
var cart_page_url = "<?php echo $_SESSION['booking_home']; ?>";
var timer = <?php echo get_option('moveto_thankyou_page_rdtime'); ?>; //seconds
website = cart_page_url;

function delayer() {
    window.location = website;
}
setTimeout('delayer()', timer);
</script>


</html>